<template>
    <div class="previewByDate">
        <div class="title">
            
            <!-- props -->
            {{ title }}
        </div>
    </div>
</template>

<script >

    export default {
        name: 'previewByDate',
        props: {
            title: {
                type: String,
                default: 'Preview By Date'
            }
        }
    }
</script>
<style lang="scss">
    .previewByDate {
            display: flex;
            height: 50px;
            color: #fff;
            background-color: #356CEB;
            padding: 0 20px;
            align-items: center;

            justify-content: space-between;

            .title {
                display: flex;
                gap: 10px;
                align-items: center;
            }
        }
</style>